<!--<template>
	<div>
		<div class="f-effect-show">
			<div class="f-effect-title">效果展示</div>
			<div class="f-show-conetnt">
				<div class="f-show-item">
					<img class="f-show-img" src="../../../assets/images/functions/show1.png"/>					
				</div>
				<div class="f-show-item">
					<img class="f-show-img" src="../../../assets/images/functions/show2.png"/>					
				</div>
			</div>
			<div class="f-img-desc">
				<div class="f-img-desc-item">支持多种展示</div>
				<div class="f-img-desc-item">支持多种展示</div>
			</div>
		</div>
	</div>
</template>

<script>
	export default{
		name:"ImgShow"
	}
</script>

<style lang="less" scoped>
	#textCenter{
		margin-top:.5rem;
		padding:0 .38rem;
		text-align:left;
	}
	#title{
		padding-left: .1rem;
		height:.4rem;
		border-left:.1rem solid #ff1351;
		font-size:.32rem;
	}

	.effect-show{
		#textCenter;
		margin-bottom: 1.5rem;
		.effect-title{
			#title;
			margin-bottom: .25rem;
		}
		.show-conetnt{
			padding: 0 .2rem;
			display: flex;
			.show-item{
				overflow: hidden;
				flex: 1;
				width: 2.9rem;
				height: 4.62rem;
				padding: 0 .2rem;
				.show-img{
					width: 100%;
				}
			}
		}
		.img-desc{
			display: flex;
			.img-desc-item{
				flex: 1;
				text-align: center;
				color: #797979;
			}
		}
	}
</style>
<style lang="less">
	#textCenter{
		margin-top:.5rem;
		padding:0 .38rem;
		text-align:left;
	}
	#title{
		padding-left: .1rem;
		height:.4rem;
		border-left:.1rem solid #ff1351;
		font-size:.32rem;
	}

.f-effect-show{
		#textCenter;
		margin-bottom: 1.5rem;
		.f-effect-title{
			#title;
			margin-bottom: .25rem;
		}
		.f-show-conetnt{
			padding: 0 .2rem;
			display: flex;
			.f-show-item{
				overflow: hidden;
				flex: 1;
				width: 2.9rem;
				height: 4.62rem;
				padding: 0 .2rem;
				.f-show-img{
					width: 100%;
				}
			}
		}
		.f-img-desc{
			display: flex;
			.f-img-desc-item{
				flex: 1;
				text-align: center;
				color: #797979;
			}
		}
	}
</style>-->